<!DOCTYPE html>

<html>
<head>
    <title>Various Cutout Shapes</title>

    <style>
        body {
            background: #efefef;
        }

        #canvas {
            background: #ffffff;
            -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
        }

        .floatingControls {
            position: absolute;
            left: 475px;
            top: 20px;
        }

        #canvas {
            margin: 10px;
        }
    </style>
</head>

<body>
<canvas id='canvas' width='600' height='400'>
    Canvas not supported
</canvas>

<script src='example.js'></script>
</body>
</html>
